/*
 * @Description: 标题栏组件
 * @Author: buwei.huang
 * @Date: 2019-07-09 18:30:55
 * @Last Modified by: buwei.huang
 * @Last Modified time: 2019-07-31 17:52:01
 */

<template>
  <title-bar
    :needBorder="false"
    class="head_titlebar"
  >
    <!-- 右侧按钮 -->
    <div
      slot="right"
      class="titleBar_right"
      @click="jumpToTelephone"
    >
      联系客服
      <i class="icon fontsize30 iconfont icon-phone" />
    </div>
  </title-bar>
</template>
<script>
import { TitleBar } from 'vue-xb-ui-depot'
export default {
  components: {
    'title-bar': TitleBar
  },
  data() {
    return {
    }
  },
  mounted() {
  },
  methods: {
    jumpToTelephone() {
      let servicePhone = JSON.parse(localStorage.getItem('BCglobals')).PHONE
      window.location.assign('tel:' + servicePhone)
    }
  }
}
</script>
<style>
.title-bar-wrapper {
  color: #fff;
  z-index: 99;
  height: 88px !important;
  background: linear-gradient(
    90deg,
    rgba(39, 132, 255, 1) 0%,
    rgba(78, 129, 250, 1) 100%
  );
}
#app .title-bar-wrapper > .title-text {
  width: 0;
}
.titleBar_right {
  font-size: 16px; /* no */
}
.titleBar_right .icon {
  margin-right: 34px;
}
</style>
